<script setup lang="ts">
const { title = '', direction = 'rtl' } = defineProps<{
  title?: string
  direction?: 'rtl' | 'ltr'
}>()

const value = defineModel<boolean>({ default: false })
</script>

<template>
  <el-drawer
    v-model="value"
    :title="title"
    :direction="direction"
    class="max-w-md"
    size="80%"
    header-class="!p-4 !pb-0 !m-0"
  >
    <slot />
  </el-drawer>
</template>

<style scoped lang="scss"></style>
